
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>凡小羊</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

<link rel="icon" type="image/x-icon" href="./img/icon.ico"/>
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/copy.css">
<link rel="stylesheet" href="./css/jquery.fullPage.css">
<style>
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -2px 0 0 -2px;
}
.logo{
  position: fixed;
  z-index: 99;
  top: 30px;
  left: 40px;
  width:54px;
  height:77px;
}
</style>
</head>
<body>
<div class="pos">
  <img src="https://img.hxjbcdn.com/f3969944-eb84-41f4-8d89-46fb267a00eb.png" alt="" class="logo">
  <div id="header">
    <p data-menuanchor="firstPage" class="index actives"><a href="#firstPage">首页</a></p>
    <p data-menuanchor="lastPage" class="connectMy opacity"><a href="#lastPage">联系我们</a></p>
  </div>
</div>
<div id="fullPage">
  <!-- 第一张图片 -->
  <div class="section" style="background:url(https://img.hxjbcdn.com/90373f0c-a039-4564-9070-476f80f0c1f0.png) no-repeat">
    <div class="center_box">
      <div class="box_left">
        <img src="https://img.hxjbcdn.com/58c02fa0-15af-4c55-ace0-9411f4790926.png" alt="" class="leftImg">
      </div>
      <div class="box_right">
        <span class="title01">凡小羊APP
          <span class="detail01s">家居装修分享平台</span>
        </span>

        <span class="detail01">装修第一步 先上凡小羊</span>
        <img src="https://img.hxjbcdn.com/01edb300-8985-4158-9a09-bcfde93a1fd7.png" alt="" class="box_code">
      </div>
    </div>
  </div>
  <!-- 第二张图片 -->
  <div class="section" style="background:url(https://img.hxjbcdn.com/c149c1c4-d907-4915-9691-3a7347be6c6f.png) no-repeat">
    <div class="center_box02">
      <div class="box_left">
        <span class="title02">
          <span>全屋记</span>
          <span class="detail02">海量装修美图<br/>真实用户案例</span>
        </span>
        <span class="details02">看全屋，找灵感<br/>家原来还可以这样装</span>
        <img src="https://img.hxjbcdn.com/01edb300-8985-4158-9a09-bcfde93a1fd7.png" alt="" class="box_code">
      </div>
      <img src="https://img.hxjbcdn.com/008f7211-7209-40aa-a8c8-8c521c449432.png" alt="" class="box_right">
    </div>
  </div>
  <!-- 第三张图片 -->
  <div class="section" style="background:url(https://img.hxjbcdn.com/ac6679e7-ece7-4e18-834f-921a582c0d70.png) no-repeat">
    <div class="center_box03">
      <div class="box_left">
        <img src="https://img.hxjbcdn.com/a7754587-e665-4890-929c-38ff1d2591ed.png">
      </div>
      <div class="box_right">
        <span class="title02">
          <span>笔记动态</span>
          <span class="detail02">学习装修经验<br/>分享家居好物</span>
        </span>
        <span class="details02" style="text-align:left;">认识一起装修的小伙伴<br/>原来装修也可以这么简单</span>
        <img src="https://img.hxjbcdn.com/01edb300-8985-4158-9a09-bcfde93a1fd7.png" alt="" class="box_code">
      </div>
    </div>
  </div>
  <!-- 第四张图片 -->
  <div class="section" style="background:url(https://img.hxjbcdn.com/a060c439-bf2a-455e-a00e-e07824cfece3.png) no-repeat">
    <div class="center_box04">
      <div class="box_left">
        <span class="title02">
          <span>装修账单</span>
          <span class="detail02">3秒闪电记账<br/>严格把控预算</span>
        </span>
        <span class="details02">订单随手拍，全面记录每个装修瞬间<br/>不再翻箱倒柜找订单，随时随地翻旧账</span>
        <img src="https://img.hxjbcdn.com/01edb300-8985-4158-9a09-bcfde93a1fd7.png" alt="" class="box_code">
      </div>
      <div class="box_right">
        <img src="https://img.hxjbcdn.com/336ce411-24c5-4d3b-9c00-d3989b44a856.png" alt="" >
      </div>
    </div>
  </div>
  <!-- 第五张图片 -->
  <div class="section" style="background:url(https://img.hxjbcdn.com/abf95475-6eac-4529-9def-acab95d61ce7.png) no-repeat">
    <div class="center_box05">
      <div class="box_left">
        <img src="https://img.hxjbcdn.com/c04a966f-c6ef-4267-ac90-dca6fde813b2.png" alt="" class="address">
      </div>
      <div class="box-right">
        <span class="title05">联系我们</span>
        <ul>
          <li>
            <span>地址:</span>
            <span>上海市徐汇区古美路1582号C座8楼</span>
          </li>
          <li>
            <span>邮箱:</span>
            <span>songfei@fanxiaoyang.cn</span>
          </li>
          <li>
            <span>商务合作:</span>
            <span>13564930893</span>
          </li>
          <li>
            <span>联系电话:</span>
            <span>18516260489</span>
          </li>
        </ul>
      </div>
    </div>
    <p class="bottom">上海华暨网络科技有限公司  沪ICP备17043122号-3</p>

  </div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="./js/jquery.fullPage.min.js"></script>

<script>
$(function(){
	$('#fullPage').fullpage({
    'navigation': true,
    onLeave: function(index, nextIndex, direction) {
      if (nextIndex === 5) {
        $('#header').find('p').eq(1).addClass('actives').removeClass('opacity').siblings().removeClass('actives').addClass('opacity')
      } else {
        $('#header').find('p').eq(0).addClass('actives').removeClass('opacity').siblings().removeClass('actives').addClass('opacity')
      }
    },
    anchors: ['firstPage', '', '', '', 'lastPage'],
    menu: '#header'
	});
});
</script>
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?9d8ac059d89e25d26586697e431440f9";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
</script>
</body>
</html>
